<template>

<!-- 路由出口 -->
<router-view></router-view>

</template>

<script>
/**
 * VNode测试
 *
 * createVNode(h)
 * 创建虚拟dom节点
 *
 * render
 * 把由createVNode创建出来的虚拟dom节点挂载为真实的dom节点
 * render(VNode,挂载节点)
 */
// import { createVNode, render } from 'vue'
// import Message from '@/components/Message/'
// const h1VNode = createVNode(
//   // 第一个参数 -- 标签名
//   'h1',
//   // 第二个参数  -- 标签的属性
//   {
//     id: 'box',
//     class: 'box1'
//   },
//   // 第三个参数 -- 标签的内容
//   [
//     '这是 createVNode 创建的h1标签'
//   ]
// )
// console.log(h1VNode)

// const MessageVNode = createVNode(
//   // 第一个参数 -- 组件
//   Message,
//   // 第二个参数 -- 通过父传子往组件里传数据
//   {
//     text: '警告框',
//     type: 'warn'
//   }
//   // 第三个参数是非必选的
// )
// console.log(MessageVNode)
// setTimeout(() => {
//   // render(h1VNode, document.getElementById('container1'))
//   render(MessageVNode, document.getElementById('container'))
// }, 1000)

export default {
}
</script>

<style lang="less">
</style>
